@import '../m-front-common/pc/assets/var.less';

.wholesale-list {
  background-color: #f7f8fa;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 0 !important;

  .header {
    background-color: #fff;
    margin-bottom: 10px;

    .title {
      height: 54px;
      line-height: 54px;
      border-bottom: 1px solid #eee;
      padding-left: 8px;
    }

    .custom-tabs-box {
      padding-left: 8px;
      margin: 15px 0;

      .el-badge {
        padding-right: 20px;

        .tabs-item {
          padding: 0 20px 0 0;
        }
      }
    }

    /deep/.el-form {
      margin: 0 8px;

      .el-form-item {
        margin-right: 30px;
        height: 34px;

        .el-input {
          width: 164px;
          height: 34px;
        }

        .el-form-item__content {
          height: 34px;
          line-height: 34px;
        }

        .el-range-separator {
          width: 8%;
          height: 34px;
          line-height: 34px;
        }

        .el-input__icon {
          line-height: 34px;
          height: 34px;
        }

        .el-input__inner {
          height: 34px;
        }

        .el-form-item__label {
          height: 34px;
          line-height: 34px;
        }

        .el-date-editor--datetimerange.el-input__inner {
          width: 280px;
        }

        .el-date-editor--daterange.el-input__inner {
          width: 280px;
        }
      }

      .form-button {
        float: right;
        margin-right: 0;
      }

      .clear {
        clear: both;
      }
    }
  }

  .container-box {
    background-color: #fff;
    height: auto;
    padding: 8px;

    .operate {
      margin: 0px 0 10px 0;
      display: flex;
      justify-content: flex-end;
    }
  }
}
